/*公用 begin*/
body {font-family:"Microsoft YaHei";color: #000000;background-color: #FFFFFF;}

.ser_pop_box {
    width: 522px !important;
    margin-top: 200px !important;
}
.ser_pop_box .modal-content{
	width:522px;
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.login_box {
	width: 325px;
	overflow: hidden;
	padding-bottom: 10px;
	background: white;
	float: right;
	border: 1px solid #e6e6e6;
}
.ser_pop_box  .login_box{
	margin:0 auto;
	float: none;
	border:0;
}
.login_in {
	width: 90%;
	margin: 0 auto;
}
.login_title {
	border-bottom: 1px solid #e6e6e6;
	padding: 10px 0;
	font-size: 18px;
	margin-bottom:5px;
	text-align: left;
}
.login_title_page{
	margin-bottom: 0;
	position: relative;
	z-index: 1;
	top: 0;
	left: 0;
}
.login_switch{
	position: absolute;
	z-index: 1;
	top:15px;
	right:0px;
}
.login_switch_ul li{
	width: 20px;
	height: 20px;
	margin: 0px 10px;
	float: left;
}
.login_switch_ul li a{
	display: block;
	width: 20px;
	height: 20px;
}
.login_switch_frame a{
	background:url(pc.png) no-repeat left top;
}
.login_switch_code a{
	background:url(mob.png) no-repeat left top;
}
.login_switch_frame.active a, .login_switch_frame a:hover{
	background:url(pc1.png) no-repeat left top;
}
.login_switch_code.active a, .login_switch_code a:hover{
	background:url(mob1.png) no-repeat left top;
}
.login_in .form-group {
	position: relative;
	z-index: 1;
	margin-bottom: 15px;
}
.login_in .checkbox {
	color: #080808;
	margin: 0px auto;
	top: -10px;
}
.login_in  .login_padding_box{
	padding-right: 120px;
	overflow: hidden;
}
.login_in .form-group span {
	position: absolute;
	z-index: 22;
	display: block;
	height: 34px;
	width: 34px;
	top: 0;
}
.login_in .form-group .login_eye {
	right: 0;
	background: url(login_eye.png) center center no-repeat;
}
.login_in .form-group .login_man {
	left: 0;
	background: url(login_man.png) center center no-repeat;
}
.login_in .form-group .login_pass {
	left: 0;
	background: url(login_pass.png) center center no-repeat;
}
.login_in .form-control {
	padding-left: 34px;
	height:38px;
}
.login_in .login_word{
	width:100%;
	display: inline-block;
	float: left;
	margin-left:1px;
}
.login_in .btn {
	margin-top: 0px;
	width: 290px;
}
button.btn-red {
    background: #E8313E;
    color: white;
    font-size: 16px;
    width: 240px;
}
button.btn-red{
	font-size:16px;
}
.login_in .btn-red:hover {
    background: #c9302c;
    color: white;
}
.login_in .btn-red:focus {
    background: #AC2925;
    color: white;
}
.login_in .btn-yellow{
	width:110px;
	display: inline-block;
	float: right;
	margin-right: -120px;
    display: inline-block;
    vertical-align: top;
    background: #fca43b;
    color: white;
    height: 38px;
}
.comm_radio {
    height: 24px;
    line-height: 24px;
}
.login_foot {
	text-align: center;
	overflow: hidden;
	padding-top: 5px;
}
.login_foot a {
	float: left;
	color: #e8313e;
	margin-left: 20px;
}
.login_foot .login_forget {
	float: right;
	margin-right: 20px;
}
.login_foot .a_act {
	color: #e8313e;
}

/*Add*/
.login_in  .redText{	
	line-height: 16px;
	margin-top:5px;
	margin-bottom: 15px;
	height: 20px;
}
#loginBoxContent .login_wrap {
	width: 100%;
	margin: 20px 0 60px;
	padding: 0px 0px 10px 0px;
	overflow: hidden;
	margin: 0px;
}
.login_two_code{
	text-align: center;
	padding:20px 0px 0px 0px;
	height: 185px;
}
.login_wrap {
	overflow: hidden;
	width: 100%;
	margin: 20px 0 60px;
}
.redText{
	color: #E8313E;
}
.login_in #verifypinBox{
	width:110px;
	display: inline-block;
	float: right;
	margin-right: -120px;
    display: inline-block;
    vertical-align: top;
    color: white;
    height: 38px;
}
.login_foot a{
	line-height: 28px;
}
.password_style a{
	color: #1094d0;
}
.password_style a:hover{
	color: #0156aa;
	text-decoration: none;
}
.modal-login-close{
	width:20px; 
	height: 20px;
	background: url(my-close.png) no-repeat center center; 
	background-size: contain; 
	position: absolute; 
	z-index: 2; 
	right:15px; 
	top:15px;
}
.login_foot a:hover {
	text-decoration: none;
}
.login_other{
	color: #A0A0A0;
	padding:12px 0px 0px 20px;
	overflow: hidden;
}
.login_other_div{
	overflow: hidden;
	padding:8px 0px 0px 0px;
}
.login_other_ul li{
	float: left;
	height:30px;
	width:30px;
	cursor: pointer;
}
.login_other_ul .login_other_weixin{
	background: url(weixin1.png);
}
.login_other_ul .login_other_weixin:hover{
	background: url(weixin2.png);
}
.ocx_style{border:1px solid #46a9d4; width:99%; height:31px;line-height:31px;}/* width:192px; height:20px;line-height:20px; */
/* width:142px; 
	height:20px;
	line-height:20px; */
.logonPwdId_li{
	border: 1px solid #ccc;
    width: 360px;
    height: 38px;
    line-height: 31px;
    border-radius: 4px;
    position: relative;
    padding: 0px;
    padding-left: 12px;
}
.login_in .logonPwdId_li{
	border: 1px solid #ccc;
    width:100%;
    height: 38px;
    line-height: 31px;
    border-radius: 4px;
    position: relative;
    padding: 0px;
    padding-left: 34px;
}
.password_style{
	width:220px;
}
.ocxff_style{width:0px; height:0px;}
 
 #embed1,#embed2,#embed3,#embed4,#tdrPlugin,#passPlugin,#wdPlugin,#wdOsPlugin,#tdrOsPlugin,#osDetecter,#detecter,#detecter2,#detecter3,#Process_Protest,#Init_Tool_FT,#Init_Tool_GD{
	position:absolute;
	left:0px;
	top:0px;
}
#logonPwdIdBox #ocxEditBox{border:1px solid #fff;width:300px;height:24px;margin-top:3px;}
#logonPwdId2 #ocxEdit2{border:1px solid #fff;width:300px;height:24px;margin-top:3px;}
#logonPwdId3 #ocxEdit3{border:1px solid #fff;width:300px;height:24px;margin-top:3px;}
.login_in  #logonPwdIdBox #ocxEditBox{border:1px solid #fff;width:220px;height:24px;margin-top:3px;}


/*响应式*/
/*屏幕小于768的样式*/
@media only screen and (max-width: 767px) {
	.login_box {
		width: 100%;
		border: 0;
		border-radius:6px
	}
	.btn-red {
		width: 100%;
	}
	.login_in .btn{
		width: 100%;
	}
	.login_in .btn-yellow{
		width:110px;
	}
	.login_title {
		text-align: left;
		font-size: 18px;
	}
	.ser_pop_box{
		width:80% !important;
		margin:80px auto 0 !important;
	}
	.ser_pop_box .modal-content{
		width:100%;
	}
	
	.logonPwdId_li {
		width:100%;
		height:44px;
	}
	.login_in .logonPwdId_li{
		width:100%;
	}
	.login_in  #logonPwdIdBox #ocxEditBox{
		width:80%;
	}
	#logonPwdIdBox #ocxEditBox{
		width:90%;
		margin-top:10px;
	}
	#logonPwdId2 #ocxEdit2{
		width:90%;
		margin-top:10px;
	}
	#logonPwdId3 #ocxEdit3{
		width:90%;
		margin-top:10px;
	}
	.login_switch{
		position: absolute;
		z-index: 1;
		top:15px;
		right:10px;
	}
}